<template>
  <div>
      <Header v-if="showHeader" title="招商考核"></Header>
        <van-sticky :offset-top="offsetTop">
            <FlexList :flexIconList="flexIconList" :columnNum="3"></FlexList>
        </van-sticky>
        <my-steps :stepData="stepData" @updateStepData="updateStepData"></my-steps>
  </div>
</template>

<script>
import Header from "@/components/Header.vue";
import FlexList from "@/components/business/FlexList.vue";
import MySteps from "@/components/MySteps.vue"
export default {
  name:'Reimbursement',
  data(){
    return {
            showHeader:this.$store.state.showHeader,
            offsetTop:0,
            flexIconList:[
                {text:'我要申请',icon:require('@/assets/images/icon5.png'),url:'/application'},
                {text:'我发起的',icon:require('@/assets/images/icon6.png'),url:'/sponsored'},
                {text:'我审批的',icon:require('@/assets/images/icon7.png'),url:'/accraditation'}
            ],
            stepData:[
                {
                    status:2,
                    stepName:'主管审批',
                    addName:2,
                    addType:'',
                    name:'XXX',
                    time:'2020-03-15 17:20',
                    desc:'审批过的，则用不同颜色标记已审批（橙色），且展示出，审批的意见、审批时间；'
                },
                {
                    status:2,
                    stepName:'经理审批',
                    addName:2,
                    addType:'',
                    name:'YYY',
                    time:'2020-03-16 17:20',
                    desc:'如果存在驳回的情况，重新走审批了，则把之前审批过的节点置灰，则在下面继续展示最新的审批'
                },
                {
                    status:3,
                    stepName:'中心总监审批',
                    addName:2,
                    addType:'',
                    name:'ZZZ',
                    time:'2020-03-17 10:20',
                    desc:'审批过的，则用不同颜色标记已审批（橙色），且展示出，审批的意见、审批时间；'
                },
                {
                    status:4,
                    stepName:'主管审批',
                    addName:2,
                    addType:'',
                    name:'YYY',
                    time:'2020-03-16 17:20',
                    desc:'如果存在驳回的情况，重新走审批了，则把之前审批过的节点置灰，则在下面继续展示最新的审批'
                },
                {
                    status:1,
                    stepName:'中心总监审批',
                    addName:1,
                    addType:'1',
                    name:'XXX',
                    time:'',
                    desc:''
                },
                {
                    status:1,
                    stepName:'会计审批',
                    addName:2,
                    addType:'',
                    name:'YYY',
                    time:'',
                    desc:''
                },
                {
                    status:1,
                    stepName:'财总审批',
                    addName:1,
                    addType:'2',
                    name:'YYY',
                    time:'',
                    desc:''
                },
                {
                    status:1,
                    stepName:'老总审批',
                    addName:2,
                    addType:'',
                    name:'YYY',
                    time:'',
                    desc:''
                },
                {
                    status:1,
                    stepName:'过账审批',
                    addName:2,
                    addType:'',
                    name:'YYY',
                    time:'',
                    desc:''
                },
            ]
    }
  },
  components:{FlexList,Header,MySteps},
  methods:{
    updateStepData(obj){
      console.log(this.stepData)
      console.log(obj);
      this.stepData = null;
      this.stepData = obj;
      // console.log(this.stepData)
    }
  }
}
</script>

<style>

</style>